


سوف نقوم فى هذا الفصل بإنشاء صفحة ويب تفاعلية تستطيع من خلالها ادخال بيانات شخصية من خلال انشاء نموذج 
النموذج ۴0۲۳ من خلاله يمكن إضافة عناصر لصفحة الويب مثل بعض الأزرار أو الحقول والتى تستخدم فى إدخال 
البيانات لارسالها لموقع الويب لتخزينها الأمر المستخدم لتصميم النموذج <1011171<.....>/501177> 

أولا :- بعض الحقول 
كلمة امرور 55990068 | ادل كلمة المرور و تاي 


زر ر سکم س 


Bu‏ ب ما م عند اقرع 
types SubmIE> u lJ ___ vb‏ مد 


<html dir='"'ritl''> AOE Notepad فتح برنامج‎ ١ 
<form> EET I كتابة الكود المقابل وحفظ الملف‎ 1 
الإسم‎ ><input type=" text "> 0 ۸ بإمتداد‎ 
</fOrM> فتح الملف فى مستعرض الإنترنت‎ ۳ 


>101111< Notepad فتح برنامج‎ ١ 
5 : ا 5 50 عه‎ 
كتابة الكود المقابل وحفظ الملف كح <”010/لا0355" =eمtyp utمinp> كلمة المرور‎ -" 


بإمتداد ہ۸ ْ | < "asswordم"‏ =eمtyp‏ آلام1> تأكيد كلمة 
۳- فتح الملف فى مستعرض الإنترنت الا المرور 
<101111/> 








“ا عند اضافة حقل كلمة المرور يظهر الرمز ٠‏ عند الكتابة لاخفاء مكونات كلمة المرور الحقيقية 

نالتا :- اضافقة زرى اختبار ند 

<form> OF × Notepad فتح برنامج‎ ١ 
ذكر‎ <input type=""radio'"> 3 or” - كتابة الكود المقابل وحفظ الملف بامتداد‎ 2 
انثى‎ ><input <''2010؟'"'<ع0الإ1‎ 


him 
</fOrM> فتح الملف فى مستعرض الإنترنت‎ -'" 

















“ا الخاصية 1311736 تستخدم لتحديد الإسم ولمنع اختيار زرى بديل واحد 30110 في نفس الوقت* هنا يمكن تحديد الزرين 
ذكر وأنثى معا في نفس الوقت ولحل هذه المشكلة يتم استخدام الخاصية name‏ واعطائهم نفس الاسم 


>101111< د‎ Notepad تح برنامج‎ ١ 
ذكر‎ ><input type="radio" name="a"'> كتابة الكود المقابل وحفظ‎ -" 
ىثنا>input‎ type="radio" name="a"'> ١ اسلف بدت 11ر1‎ 
</form> فتح الملف فى مستعرض‎ -۳ 
الإنترنت‎ 


١‏ فتح برنامج Notepad‏ ع <5> اختر اللغات 


«0 : " " كه‎ E] ENS.htm ٠ ٠.٠ ا مه‎ 

- كتابة الكود المقابل وحفظ الملف لسللل 1 type="checkbox">‏ input>العریيi‏ 

بامتداد ]جا E‏ 5 <*'601كاععطع"'-ع06لإ1 أنام أ >الإنجليزيه 
الحربية | |الإتجليزية لق رتسي 


٣‏ فتح الملف 5 مستعرض الإنترنت | >"e="checkboxمtyp <input‏ الفرنسية 





6لا الأمران < ><input typمe="checkboxX'"'> › ><input type="radio"‏ يكرر حسب البدائل المطلوبة 

Notepad فتح برنامج‎ -١ 

- كتابة الكود المقابل وحفظ اضغط على 
الملف بامتداد ۸ہ bis‏ عا 


۳- فتح الملف فى مستعرض 
الإنترنت 








<input type="button”" value= كاه"‎ < 





<form action="process.php''> Notepad فتح برنامج‎ ۔١‎ 

- كتابة الكود المقابل وحفظ الملف <" >input type="submit‏ اضغط 
بامتداد ]۸ </form> | Submit vey |i‏ 
۳- فتح الملف فى مستعرض الإنترنت | 











۱ Notepad فتح برنامج‎ ١ 
<input type =" reset "> 1 كتابة الكود المقابل وحفظ الملف‎ -" 


۳- فتح الملف فى مستعرض الإنترنت 


صغط كاح [ EF‏ لاه 





»لا عند الضغط على الزر 50051711 يتم الإنتقال للصفحة مم.‰5 ٥٥٥۲م‏ (حيث يتم استقبال البيانات التى تم ادخالها عن طريق 
أدوات التحكم ومعالجتها بواسطة كود هذه الصفحة المكتوب بلغة مام 
»لا الخاصية 21101 لتحديد الصفحة المطلوب الانتقال اليها أو العملية التي ستنفذ عند الضغط على زر 51011111 


(0 




















“ا عند الضغط على الزر يمكن أن يقوم بالعديد من الوظائف مثل تسجيل بياناتك - مسح بياناتك من عناصر النموذج - 
استدعاء دالة + الخاصية ©7310 لكتابة نص يظهر على الزر 
»لا يتم ارسال البيانات التى قمت بإدخالها عن طريق عناصر النموذج لصفحة أخرى وذلك بإضافة الخاصية 261101 


الخاصة بال ۴0۲۳ 
المو ضوع الثالث ١٠١‏ لمشروع 
تصميم صفحه ويب لتسجيل بياناتك 
ويب كما بالشكل 
التالى لتسجيل 
بياناتك مستخدما 
0 النمو ڏج <0<>01<>01>تسجل بيانات طالب ص زسجل ريانات طالب 





<1]><]ط><] >< انزع al <input type=‏ 
password > <br><br> <br>‏ -6م/إ) أنام411> كلمة العرور كلمة المرور 


type= password >>b > >b >> b>‏ أنام10> تأكيد كلمة المرور 






1 5 السن بالأرقام‎ >input type= text> <br><br> <br> 
تاكيذ کله المرور‎ N 


ن بالارفام 


أنثى <3010 type=‏ أنام1 أكذكر < 13010 »6ملإ) <input‏ النوع هھ النوع ()ذكر انثى 


لغه الإجادة 
انجليري<1)607 61766 -6م/() <input‏ سهافة الإجادة [|انجليزي ل اثرنسي | الماذي 
فرنسي< 6116100 -6م/ا) >İ pu‏ ظ سمل جل 
الماني < 1)0 6166 -6م/[) <input‏ 


<جديد'>هناأة/ ]1856 -6ملإ) <input‏ 
5050655 


<input type= submit <تسجيل" >-8نا|3‎ 


ملحوظة على ما سبق 
الام <1> يستخدم لعمل سط, جديد و تکہار اكث, من عرظ بالشكل التالی 
حرا ><ررا><ررا> ليقوم بعمل ١‏ كثر من سط بی كل حقل والأخ, . 
الام :1105© يستخد م لعمل مسافة ( مسطرة ) بئ الازار اطوجودة زرى( جديد / تسجيل ) 


(0 


الوحدة الثانية 
الموضوع الأول: مفاهيم أساسية للغة 1م5611 1212 
يمكن تحويل صفحة الويب لصفحة تفاعلية لتسجيل البيانات والتاكد من صحتها من خلال لغة 1م5611 مهل › لغة 
47111 وحدها لا تمكن من التاكد من صحة البيانات المدخلة 


ع 


اساسيات لغه 6م5621 Java‏ 


):( انهاء كل جملة بفاصلة منقوطة‎ )۲( Statements - أوامرها تسمى جمل‎ )١( 

(*) أوامرها تكتب داخل كود )٤( H1۲1‏ أوامرها تكتب داخل لمم أو رهط 

(5) أوامرها تكتب داخل الأمر > )٦( <script > </sCrİp‏ يوضع في الاعتبار حالة الأحرف صغيرة أو كبيرة 
جمل لغة م Si‏ 212ل 


الجملة ر الأمر المستخدم لإضافته 
عرض رسالة داخل صندوق لجذب الانتباه لقراءتها :("الرسالة")111ج 





عرض رسالة على صفحة الويب نفسها : (""الرسالة"") document.write‏ 
مثال [_ صمم صفحة ويب عند تحميلها يظهر صندوق به الرساله "مرحبا بكم" 
-١‏ فتح برنامج Notepad‏ ”م <501101> 
5 0 الكود المقابل وحفظ الملف بإمتداد أ۸ :(" مرحبا بكم")16]1 
۳- فتح الملف فى مستعرض الإنترنت 
<script/>‏ 


n 


<SCripi> : Notepad فتح برنامج‎ ١ 


' كتابة الكود المقابل وحفظ الملف ات - 2 70-2505 00 [' 
بامتداد document.write EEE hn‏ 


۳- فتح الملف فى مستعرض الإنترنت | :("مادة الكمبيوتر وتكنولوجيا المعلومات ") 


</script> 





»ا جمل 561101 316[ يتم تنفيذها تلقائيا 

»ا يمكن تنفيذ الجمل عند وقوع حدث مثل النقر على زر 8100101 من خلال استخدام الدالة Function‏ 

“ا الدالة 0131101 : مجموعة من الأوامر تنفذ عند استدعائها 

ملاحظات هامة 

£ [ يجب اعطاء اسم مناسب للدالة يدل على وظيفتها (") الكود الذي سيتم تنفیذه يوضع بين القوسين‎ )١( 
يتم تنفيذ الكود فقط عند استدعاء الدالة‎ )"( 

التعا الدالة يكون اما 

-١‏ انشاء دالة ( تحتوى على جمل 561101 31/2ل) 

"- استدعاء دالة ( لتنفيذ الأوامر التى بها عند النقر على زر أمر 11011لاط ) 


4) 


أولا :- انشاء دالة 


لإنشاء دالة نتبع الخطوات التالية ()اسم الدالة function‏ 
[ كود الدالة 1 

متال ١‏ :- انشاء دالة باسم "٣y‏ uه‏ عند استدعائها يظهر صندوق رسالة مكتوب به العبارة "جمهورية مصر العربية" 

<script> بعد فتح الملف تظهر صفحة ويب‎ Notepad فتح برنامج‎ ١ 


- كتابة الكود المقابل وحفظ الملف2 | خالية أي لم ينفذ شئ لانه لم يتم ٠‏ 
استدعاء الداله ) function Country(‏ 


بإمتداد ]۸ 
۳- فتح الملف فى مستعرض الإنترنت (:("جمهورية مصر العربية")21©14) 


</script> 





ثانيا :- استدعاء الدالة 
»ا استدعاء الدالة من خلال إضافة زر 81014101 وإضافة الخاصية 061112 اليه وجعل قيمتها اسم الدالة المطلوب 
استدعائها ويكتب الكود التالى 
< "اسم الدالة المطلوب استدعائها <input type="button" onclick="'‏ 

“ا الخاصية 0111012 تستخدم لتنفيذ كود الدالة أو استدعائها عند النقر على زر الأمر 

منال :- استدعاء دالة باسم /[0101111© عند النقر على زر الأمر م" )عااع 

* Notepad فتح برنامج‎ ١ 

"- كتابة الكود التالى وحفظ الملف بإمتداد ۸1٣‏ ډ 3 

۳- فتح الملف فى مستعرض الإنترنت 


<input type=" "button" onclick="Country()'" value="'click me''> 
1 67150 ثالثا :- التعا توى صندوق النص‎ 
منال_:- ظهور رسالة بالنص المكتوب داخل صندوق النص 71 الموجود على نافذة النموذج 01101 عند الضغط‎ 
Cou "1۲¥ على زر الآمر ۳۲ 1116© فى صندوق رساله بإستدعاء داله بإسم‎ 
ا‎ Notepad فتح برنامج‎ ١ 
2 ۸1 كتابة الكود التالى وحفظ الملف بإمتداد‎ -۲ 
فتح الملف فى مستعرض الإنترنت‎ -" 





î Message from webpage 





<form name="'form1''> 
<input type="text’ name="'t1''> 


<input type="button" value=" click me" onclick ="Country ( ) ">‏ 
<script> function Country () {alert(form1.t1.value);} </script>‏ 
ملاحظة :- الخاصية ©0206 استخدمت لاعطاء اسم للنموذج وهو الاسم 1011131 و اعطاء اسم لصندوق النص وهو 
الاسم 11 وهو أمر ضروري لتنفيذ الكود 
تم الوصول الى النص المكتوب داخل صندوق النص عن طريق الأمر 46ا|1011171.11.1/3 
ملاحظة :- اذا أردنا أن تنفذ جمل 51101 31/2[ المكتوبة داخل الأمر <501101<>/5©111> عند وقوع حدث مثل 
النقر (الضغط بالماوس) على زر أمر 101101 سوف تحتاج الى استخدام دالة Function‏ 





الموضوع الثالث: التفرع 0 زا 81/26 
الجمل والأوامر يتم تنفيذها تباعا أى الأمر يلى الأمر ولكن فى بعض الأحيان قد نحتاج الى تنفيذ جمل أو عدم تنفيذ أوامر أو 
الشرط ( التعبير الث سؤال بهل له اجابتان نعم أو لا (نعم يعني تحقق الشرط - لا يعني عدم تحقق الشرط ) 
التفرع : تنفيذ أو عدم تنفيذ الأوامر حسب نتيجة اختبار التعبير الشرطى (نعم لا) 
جملة ۴| : تستخدم لاختبار التعبير الشرطي (هل نعم أم لا) ويكتب الكود التالى 
(التعبير الشرطى المطلوب اختباره) If Condition‏ 

[الأوامر والجمل يتم تنفيذها فى حالة تحقق التعبير الشرطى ) ©0600 ) 

عند تحقق الشرط ينفذ الكود ما بين القوسين وفي حالة عدم تحقق الشرط لا ينفذ 


مثال :- صمم صفحة ويب تحتوى على نموذج به صندوق نص 11 وزر أمر" مجموع " بحيث يتم ادخال مجموع 
الدرجات فى صندوق النص وعند النقر على زر مجموع فاذا كان المجموع أكبر من أو يساوى ٠٠‏ يتم طباعة ناجح 
بإستدعاء دالة بإسم Country‏ 


1- فدح برنامج LI 4 Notepad‏ ڪڪ u Message frorm webpage‏ 
١‏ كتابة الكود التالى وحفظ الملف بإمتداد 3155 د > 


<form name="'form1''> 
<input type=""button" onclick="Country()'" Val ue='""عgaجم'">‎ 


<input type="text’ name='"'t1''> 


<script> function Country() { if(form1.t1.value>=50){ alert :("ناجح"')‎ } } 
</script> 





(1) 





بادخالها 





-١‏ عدم ترك الحقل فارع "- التحكم في طول البيانات المدخلة بالحقل 
"- مطابقة البيانات المدخلة في حقلين 4- منع ادخال نوع من البيانات مخالف لنوع الحقل 
الحالة الأولى :- عدم ترك حقل فار : 
منال :- صمم صفحة ويب تحتوى على نموذج 1011131 به صندوق نص 16711 وزر 510511711 مع تخصيص 
القيمة "ارسال" للخاصية ©2100 وبإستدعاء دالة باسم 41 يظهر صندوق نص به رسالة تحذيرية " غير مسموح بترك 
حفل الاسم فارغ" عند الضعط على زر "ارسال" بدون ادخال اسم الطالب وفى حالة ادخال اسم الطالب يتم ارسال البيانات 
التى أدخلها المستخدم الى صفحة ويب أخرى تسمى اميد وتكون مخزنة على جهاز الخادم 
-١‏ فتح برنامج Notepad‏ 
۲- كتابة الكود التالى وحفظ الملف بإمتداد م 090 
۳- فتح الملف فى مستعرض الإنترنت عاطتاع © 





عوةمحاعننا مرمم] ESET‏ 


A‏ غير مسموح بترك حقل الإسم فارغ 


<form name="form1”" action="'data.php''> 
أدخل اسم الطالب‎ input type="text" name="text1" > <br> 


<input type="submit" value="Jlwuرl‎ " Onclick=f1()> </form> 


<script> function 11)( { if(form1.text1.value=='"") 


]ھا٥۲) :("غير مسموح بترك حقل الإسم فارغ"‎ return alse; } ></script> 





ملاحظات هامة 
6لا الخاصية)ءاامم©: - تمثل حدث يجعل الزريستجيب للنقر بالماوس ويقوم بتنفيذ كود معين ( استدعاء دالة لتنفيذها ) 
الدالة () ۴1 وأمر ١٣۲م‏ لإستقبال القيمة الراجعة من تنفيذ الدالة 
لإرجاع قيمة الدالة 1 ب ©1915 في حالة ترك صندوق النص فارغ نستخدم الكود التالى :©1215 Return‏ 
6 لإختبار محتوى صندوق النص 11<ه1 الموجود داخل النموذج 101131 عن طريق الخاصية ع©ل1ج/١‏ حيث أن القيمة 
"" تعنى أن صندوق النص فارغ 
4(" هم 1611.311 if(form1‏ 
6 لإنشاء دالة بإسم ()1] التى يتم تنفيذها عند النقر على الزر 5006137311 استخدمنا الكود التالى 
Function f1(){‏ 
6 لإظهار الرسالة غير مسموح بترك حقل الإسم فارغ نستخدم الأمر ۲٣۴۲اج‏ كما بالكود التالى 
: (غير مسموح بترك حقل الإسم فارغ ) ۲۲ اج 


(۷) 





مثال :- صمم صفحة ويب تحتوى على نموذج 101171 به صندوق نص 010/اا0355 وزر 50511111 مع 
تخصيص القيمة "ارسال" للخاصية ٠/2106‏ وبإستدعاء دالة بإسم 11 يظهر صندوق نص به رسالة تحذيرية " طول كلمة 
المرور لا يقل عن / أحرف " عند الضغط على زر "ارسال" ب بعد ادخال كلمة مرور تقل عن ۸ أحرف وفى حالة ادخال كلمة 
مرور ۸ أحرف فأكثر يتم ارسال البيانات التى أدخلها ااا الى صفحة ويب أخرى تسمى 0212.011 وتكون مخزنة 

Notepad تح برنامج‎ -١ 

> كتابة الكود التالى وحفظ الملف بإمتداد 40 د‎ -١ 

۳- فتح الملف فى مستعرضالإنترنت ENS.htm EEE‏ 3 


Message from webpage 


A‏ طول كلمة المرور لايقل عن / أحرف 


الخاصية 1011© ] تستخدم 
لتحديد عدد الحروف المدخلة ظ 


<form 31116-''101111 action="'data.php''> 
أدخل كلمة المرور‎ ><input type="مassword"‎ name="text1" > <br> <br> 
<input type="submit" value="Jlwرl‎ " Onclick=f1()></form> 


<script> function f1() { if(form1.text1.value.length<8) 





متال :- تصمم صفحة ويب تحتوى على نموذج 101101 به ۲ صندوق نص 01011 /لا1 0102:0255 ئالا1 0255 
وزر submit‏ مع تخصيص القيمه "ارسال" للخاصيه ©ل7210٠‏ وباستدعاء دال باإسم 1 يظهر صندوق نص به رساله 
تحذيرية " الكلمتين غير متطابقتين " عند الضغط على زر "ارسال" ب بعد ادخال كلمة مرور فى صندوق النص الأول وادخال 
كلمة مرور أخرى فى صندوق النص الثانى وفى حالة ادخال الكلمتين متطابقتين يتم ارسال البيانات التى أدخلها المستخدم 
الى صفحة ويب أخرى تسمى 0313.01 وتكون مخزنه على جهاز الخادم 

HX Notepad فتح برنامج‎ -١ 

> © ٤ كتابة الكود التالى وحفظ الملف بإمتداد‎ - ١ 

او 


ع قم حاعتنا حرمم] عوهدعع اا 


تأكيد كلمة المر 


إلى 


ls 


<form name="form1”" action="data.php''> 
!== العلامة‎ 


><input type="مassword" name="password 1"> <br>‏ أدخل كلمة المرور 


><input typمe="مassword" name="password2"> <br>‏ تأكيد كلمة المرور 


<input type="submit" value=""Jlwرl"‎ Onclick=f1 ()> 





</form><script>s function 11)( 


1 if(form1.password1.value!==form1.password2.value) 





الحالة الرايعة :- منع ادخال نوع من الييانات مخالف ل | 
منال :- صمم صفحة ويب تحتوى على نموذج 4011771 به صندوق نص 16711 وزر 5100511711 مع تخصيص 
القيمة "ارسال" للخاصية ٠/106‏ وبإستدعاء دالة باسم 11 يظهر صندوق نص به رسالة تحذيرية " ادخل قيمة عددية" 
عند الضغط على زر "ارسال" بعد ادخال حرف بينما يتم ارسال البيانات الصحيحة التى أدخلها المستخدم الى صفحة ويب 
أخرى تسمى مام da‏ وتكون مخزنة على جهاز الخادم 





-١‏ فتح برنامج Notepad‏ ؛ 
؟- كتابة الكود التالى وحفظ الملف بإمتداد 1113| 1ت 
*- فتح الملف فى مستعرض الإنترنت 9 Ea‏ 





IsNaN 6 

دالة لتحديد نوع القيم 
المدخلة عددية أم غير 
عددية ولها ناتجان 
(True)‏ اذا كانت 
القيم المدخلة غير 
عددية و (©2215) اذا 
كانت القيم المدخلة 


<form name="form1”" action="'data.php''> 


type="text" name="text1'"'> <br> <br>‏ اuمinp>ادخل‏ الدرجة 


<input type="submit" value="Jlwرl"‎ Onclick=f1()> </form 
<script> function f1() { iffisNaN(form1.text1.value)) 


ale † :("أدخل قيمة عددية")‎ return false;} }>/scripأ<‎ 





الو حدة الثالثة الاستخدام الأمن الانتر نت 


مخاطر الانترنت 
)١(‏ الاصابة بالفيروسات المدمرة للبيانات المخزنة على الجهاز 
۴ الفيروس ١/005‏ -» برنامج صغير ضار له قدرة على الانتشار الذاتي يصيب أجهزة الكمبيوتر والبرامج 


(؟) الاختراق للعبث بملفات المستخدم 
(*) سرقة الهوية /116171119 أو الانتحال أو سرقة البيانات الشخصية تعنى انتحال أو استخدام شخص ما اسم 
شخص آخر أو معلوماته لسر قته أو سرقة غيره 
(٤)البرامج‏ الضارة 2٠١‏ سج برامج عدائية متطفلة مزعجة تتسلل مستترة لأنظمة برامج الكمبيوتر 
6 لتفادي البرامج الضارة يجب استخدام برامج مكافحة الفيروسات 
)١(‏ برامج التجسس هى برامج لجمع المعلومات الشخصية عن المستخدمين دون موافقتهم 
6 لتفادي برامج التجسس يجب استخدام برامج الكشف عن الملفات الخبيثة كملفات التجسس والملفات الدعائية 
(؟) الرموز السرية هى كافة البيانات الشخصية التي تخص أي فرد يتعامل مع الانترنت مثل اسم المستخدم 
وكلمة ائمرورpasswWord‏ 

(1) 


ع 


ارشادات هامه للاستحدام الامن للانترنت 

)١(‏ الحفاظ على كلمة المرور واسم المستخدم الخاصين بك وعدم نشرها 

(؟) التفكير جيدا قبل نشر الصور والبيانات الشخصية 

(۳) عدم قبول اي رسائل مجهولة المصدر 

)٤(‏ عدم إرسال رسائل في حالة الغضب 

(5) عدم إضافة آخرين لقائمة الأصدقاء ما لم تكن تعرفهم معرفة شخصية 

)٦(‏ استئذان الغير قبل نشر صورهم أو ارسال بريدهم الإلكتروني وتليفوناتهم لشخص آخر 

(۷) ادراك أن عدم اتخاذ موقف حيال عمليات التعدى الالكتروني يعد نوعا من التستر على المتعدي 

(۸) إدراك أن الحوارات عبر الانترنت ليست ذات خصوصية فقد يقوم آخرون بنسخ هذه الحوارات وطباعتها 
(9) معرفة كيفية حظر الأشخاص والرسائل والإبلاغ عنهم وحفظ نسخة من أي حوار 





)١(‏ في صفحة الويب لا يشترط وجود نموذج لكي يتم ارسال البيانات المدخلة الى موقع الويب ليتم تخزينها 
(۲) لإلغاء امكانية اختيار زرى اختيار بديل واحد في نفس الوقت نستخدم الخاصية 123176 لإعطاء نفس الاسم 
للزرين 

(*) لإضافة حقل لإدخال اسم الطالب يتم اضافة صندوق النص 20110" 

)٤(‏ يتيح صندوق النص للزائر ادخال بيانات نصية عن طريق الكتابة داخل الصندوق 

)٥(‏ صندوق الاختيار 101101١‏ 130110 يسمح لك باختيار اكثر من بديل من عدة بدائل 

(5) لاختيار اللغة التي تجيدها أو أكثر من لغة يتم اضافة صناديق الاختيار لصفحة الويب 

(۷) تستخدم الخاصية 1121116 لتحديد النص الذي يظهر على الزر 

(۸) زر 1114طناى يستخدم لحذف البيانات المكتوبة داخل حقول الادخال 

(9) صندوق الاختيار1ا60 )ععع يسمح لك باختيار بديل واحد فقط من عدة بدائل 

)٠١(‏ يستخدم الزرة5©61ه/ لحذف القيم المدخلة والعودة للقيم الافتراضية للادوات 

)١١(‏ لا يكفي استخدام لغة )1 لتتحقق من صحة البيانات المدخلة الى صفحة الويب 

(۱۲)لابد من كتابة جمل 56111 3173[ في ملف منفصل عن ملف تعليمات H1۲1‏ 

):( يجب انهاء كل جملة 51316176111 بفاصلة منقوطة‎ )١١( 

)١4(‏ في لغة 501101 مهل لا يوجد فارق بين حالة الأحرف صغيرة أم كبيرة عند كتابة الجمل 
)١5(‏ لغة H1)‏ تمكنك من التاكد من صحة البيانات المدخلة بصفحة الويب 

[3123 521101 يوضع في الاعتبار حالة الاحرف كبيرة او صغيرة عند كتابة الجمل في لغة‎ )١5( 
يجب وضع الرسالة في جملة 31©11 بين علامتي تنصيص‎ )1( 

(۱۸) الكود ("011716ج1عل/الا " 31©11) يظهر صندوق رسالة للترحيب 

)١9(‏ يتم اضافة الخاصية ماج۷ لزر الأمر 81118011 لإستدعاء دالة أو تنفيذ كود 5601101 216ل 
)٠١(‏ تستخدم الخاصية 0101112 لكتابة نص يظهر على الزر 

81011011 استدعاء الدالة من وظائف زر‎ )١١( 





0) 


)١١(‏ للوصول الى محتوى صندوق النص لابد من اعطاء اسم للنموذج واسم لصندوق النص 
)١9(‏ يتم كتابة جمل لغة 561101 ©1/6هل داخل الامر <561101> 
)١4(‏ يتم تنفيذ الجمل في لغة 521101 3172[ بالتتابع امر تلو الاخر 
(5؟) يفضل اعطاء اسم مناسب للدوال يدل على وظيفتها 
)١5(‏ الجمل 5131611161115 المكتوبة داخل الامر < 1101 52> < / 51101 > يتم تنفيذها تلقائيا 
(۲۷) يفضل أن يدل اسم الدالة 10101101 على وظيفتها أو ( محتواها ). 
(۲۸) لتنفيذ كود أي دالة 0131101 لابد من استدعائها أولا. 
)١9(‏ الدالة 1101 نا هي مجموعة من الأوامر التي تنفذ دون الحاجة لاستدعائها. 
(8"الإنشاء دالة ليس بالضروري اعطاء اسم لها 
(؟") في حالة ٠ ٠‏ =( يتحقق الشرط ٠٠‏ -<كآ ويكون جواب الشرط نعم » 
(۳۳) في جملة f‏ في حالة تحقق الشرط لاينفذ الكود الموجود بين القوسين 
(4")التعبير الشرطي له ناتج واحد فقط وهو نعم (©0ا11) 
(5") في جملة (۴|) يتم تنفيذ الأوامر بين القوسين ( ) اذا كان ناتج التعبير الشرطي لا 2156] 
)۳١(‏ يمكن أن نستخدم الدوال لاختبار التعبيرات الشرطية . 
(۳۷) لمطابقة كلمة المرور نستخدم الشرط " "==ھں اھ۷ .1611 ۴٥۲۳1.‏ 
(۳۸) تضاف الخاصية 2861101 للأمر <120113> لتحديد الصفحة المطلوب الانتقال اليها مع ارسال بيانات النموذج 
(۳۹) لإنشاء الدالة ()1] التى يتم تنفيذها عند النقر على زر 5100611111 استخدمنا الكود 
Function F1 () {‏ 
(0:) لإرجاع قيمة الدالة ۴1 ب ©5315 في حالة ترك صندوق النص فارغا نستخدم الكود 
Return False;‏ 
)٤١(‏ طول البيان المدخل في صندوق النص أقل من او يساوى ۸ حروف 
Form1.Text1.Value.Length<=8‏ 
(؟:) للتحقق من عدم ترك حقل فارغ نستخدم الكود 
Form1.Text1.Value!==Form1.Text2.Value‏ 
(*؛) لمنع ادخال بيانات غير عددية في صندوق النص نستخدم الشرط 
(isNaN ) form'1 . text1 . value))‏ 
(:4) لمنع ادخال قيم رقمية في صندوق النص نستخدم الدالة Nجل١ي!ً‏ 
(5:) للتاكد من مدى فاعلية صفحة الويب يجب التحقق من صحة البيانات المدخلة 
(45) من صور التحقق من صحة البيانات عدم مطابقة كلمة المرور 
(40) يمكن من خلال (56111 312ل) عدم السماح للمستخدم بترك حقول فارغة 
(:) الخاصية (21101 )تحدد العملية التي سيتم تنفيذها عند الضغط على زر 51011111 
(49) الكود التالي صحيح لاختيار صندوق النص فارغ أم لا 
If(Form1.Text1.value==""){‏ 
)٠١(‏ لايمكن التحكم في عدد الحروف المدخلة بصندوق نص بلغة (1م5©11 31/3ل) 
)5١(‏ تستخدم الخاصية (Length)‏ لمعرفة عدد الحروف داخل الأداة . 
(؟5) الكود التالي لصندوق نص حيث لا يقبل أن يحتوي على عدد حروف اقل من ۸ 
If(Form1.Text1.Value.Length<8){‏ 





00) 


(۵۳) لمطابقة كلمة المرور نستخدم الشرط '""--©ل1011171.167)11.31 

(54) يمكنك نشر صور الغير او إرسال بريدهم الالكتروني وتليفوناتهم لشخص آخر على الانترنت 

(55) عند التعامل مع الانترنت لا تقبل أية رسائل مجهولة المصدر 

(55) عدم اتخاذ موقف حيال عمليات التعدي التي تشهدها على الانترنت يعد نوعا من التستر على المتعدي 
(510) الحوارات عبر الانترنت ذات خصوصية فلا يمكن لأخرين بنسخ هذه الحوارات وطباعتها 

(5) يجب الحفاظ على كلمة المرور واسم المستخدم الخاصين بك 


(59) لا تقم بإضافة أشخاص آخرين لقائمة الأصدقاء ما لم تكن تعرفهم. 

)٠١(‏ سرقة الهوية هي انتحال أو استخدام شخص ما › اسم شخص آخر أو أي معلومات لسرقته 
)5١(‏ برامج التجسس هي برنامج صغير ضار له القدرة على الانتشار الذاتي يصيب أجهزة الكمبيوتر. 
)٦۲(‏ من أمثلة الرموز السرية اسم المستخدم وكلمة المرور. 

(759) يجب أن تقوم بإضافة آخرين لقائمة الأصدقاء حتى لو لم تكن تعرفهم معرفة شخصية . 





)١(‏ يستخدم الأمر .......لاضافة زر اختيار بديل واحد 
(<input type="password" > - <input type = 'text'>-<input type = "52010 ”'<(‏ 
(۲) خاصية تعطي اسم للنموذج ( خاصية (٠۳هل)‏ - خاصية (8©1100) - خاصية (مValu)‏ ) 
(۳) يستخدم الزر 51111711 فی(حذف - ارسال - تصحيح) البيانات 
)٤(‏ يستخدم الزر (1011017-51011111-165©1) لارسال البيانات الى صفحة الويب 
(4) يستخدم الزر(61011011-51011111-1©5©1) لحذف البيانات 
)٦(‏ تستخدم في تنفيذ مجموعة من الجمل الخاصة ب (561101 313ل) عند استدعائها. 
( جملة (1) - الدالة (ioا۴unc)‏ - الخاصية(2301101) 

(۷) خاصية تستخدم لكتابة نص يظهر على الزر . ( (Value ( - ) Type ( - ) Name)‏ ( 
(۸) خاصية تعني التنفيذ عند الضغط بالفأرة على زر الأمر وقيمتها هي اسم الدالة المطلوبة : 

( خاصية (عدااج/١)‏ - خاصية (ickا0nc)‏ - خاصية (81100) - خاصية (164 )) 
)٩(‏ تمثل حدث يجعل الزريستجيب للنقر بالماوس وتنفيذ كود معين ( يستدعي دالة لتنفيذها ) 

((Function) الدالة‎ - (Action) خاصية‎ - (Onclick) خاصية‎ - (f) جملة‎ ( 

) تنفذ اوامر الدالة التى تم انشاؤها عند ( استدعاؤها - تكرارها - تلقائيا‎ )٠١( 
))) (( يكتب الكود الخاص بجملة (۴[) داخل (أقواس () - علامات (< >) - أقواس‎ )١١( 
) تنفذ أوامر جملة (۴[) اذا كانت نتيجة التعبير الشرطى ( ©0ا!1 - ©1915 -غيرذلك‎ )١1١( 
. يقصد به تنفيذ أو عدم تنفيذ أوامر أو جمل طبقا لناتج شرط معين‎ ) Value - Branching - Function) )١ *”( 
(name - value - action ( sub mitرj خاصية تحدد العملية التي سيتم تنفيذها عند الضغط على‎ )١4( 
) من صور التحقق من البيانات ( عدم ترك حقل فارغ - تحديد طول كلمة السر - كل ما سبق‎ )15( 
((Length ) - ) Onclick ( - ) Value) ( : خاصية تستخدم لمعرفة عدد الحروف داخل أداة‎ )١15( 
((Return أمر‎ - ( Value ( - (Onclick ( ( يستخدم لاستقبال القيمة الراجعة‎ )١۷( 
: دالة تستخدم في اختبار محتوى صندوق نص إذا كان رقمي أو غير رقمي‎ )1( 

( الدالة (Function)‏ - جملة (If)‏ - الدالة (Ilsnan)‏ - جملة ) ((Alert‏ 
)١19(‏ برامج تقوم بجمع المعلومات الشخصية عن مستخدم دون الحصول على موافقته 

( برامج تجسس- برامج فيروسات - برامج ضارة) 


0) 


: انتحال شخص ما اسم شخص آخر أو اي معلومات عنه لسرقته أو سرقة غيره‎ )۲١( 

( سرقة الهوية - برامج التجسس - البرامج الضارة - الفيروس ) 
)١١(‏ تشير إلى البرامج العدائية أو المتطفلة أو المزعجة المتسللة لأنظمة الكمبيوتر 

( سرقة الهوية - برامج التجسس - البرامج الضارة - الفيروس ) 
)١١(‏ برامج كمبيوتر تقوم بجمع المعلومات الشخصية عن المستخدمين بدون موافقتهم 

( سرقة الهوية - برامج التجسس - البرامج الضارة - الفيروس ) 
)١(‏ كافة البيانات الشخصية التي تخص أي فرد والتي لا ينبغي الكشف عنها لأحد : 

( سرقة الهوية - برامج التجسس - البرامج الضارة - الرموز السرية) 

) برنامج صغير ضار له القدرة على الانتشار( برامج التجسس - البرامج الضارة - الفيروس‎ )۲١( 
) عند نشر الصور عبر الانترنت يجب التأكد من ( تحميلها - وصولها - سريتها‎ )١5( 
( if - Radio- Function إذا أردت أن تنفذ جمل ال ©3176 ل عند وقوع حدث سوف نحتاج الى استخدام(0110!-‎ )١5( 
السؤال الثالث أكتب | آنية‎ 
يستخدم مع الأزرار والحقول المضافة للصفحة لادخال بيانات وارسالها لكي تخزن على الموقع ( ل ل‎ )١( 
0 ( زريسمح لك باختيار بديل واحد فقط من عدة بدائل‎ )۲( 
( يضاف لصفحة الويب لإدخال بيانات نصية عن طريق الكتابة داخله‎ )۳( 
0 ( . خاصية تعطي اسم للأداة أو النموذج للتعامل معه من خلال الكود‎ )٤( 
E O 1 0 ( لغة تستخدم لجعل صفحة تسجيل بياناتك صفحة تفاعلية‎ )5( 
Cs ( تستخدم لعرض رسالة داخل صندوق مما يجذب الانتباه لقراءتها‎ )٦( 
CA 0000 ( تستخدم لاظهاررسالة مكتوبة على صفحة الويب نفسها‎ )۷( 
E ( خاصية او حدث يجعل الزريستجيب للنقر ويقوم بتنفيذ كود معين عند وقوع حدث معين.‎ )۸( 
0 ( خاصية تستخدم لكتابة كلمة على الزر.‎ )٩( 
E تنفيذ أوعدم تنفيذ أوامر أو جمل تبعا لنتيجة اختبار تعبير شرطى معين التفرع(‎ )٠١( 
121313111710000 جملة يتم استخدامها لاختبار التعبير الشرطى ( ا ااا اا‎ )١١( 
SS E عملية التحكم في البيانات التى يتم ادخالها التحقق من صحة البيانات المدخلة(‎ )١١( 
CT ( أمريستخدم في استقبال القيمة الراجعة من تنفيذ الدالة.‎ )١١( 
oy ( . خاصية تحدد عدد الحروف المدخلة في صندوق نص‎ )١4( 
ل‎ a Rs ( دالة لادخال قيم عددية فقط‎ )٠١( 


oo ) if(isNaN(form1.text1.value<8) (11)‏ 
)١1(‏ برامج عدائية مزعجة تتسلل لانظمة الكمبيوتر البرامج الضارة( ل ا ا 

(16) برنامج صغير ضار له القدرة على الانتشار الذاتي يصيب أجهزة الكمبيوتر. ( e a‏ 

E 100 بيانات شخصية لا ينبغي الكشف عنها لاي احد الرموز السرية(‎ )١9( 

CL ( مجموعة من الأوامر التي تنفذ عند استدعائها ويجب اعطائها اسم مناسب يدل على وظيفتها.‎ )۲١( 
Ca ( . دالة تستخدم لمعرفة ما بداخل الأقواس هل هو قيمة رقمية أم غير رقمية‎ )١١( 

(۲۲) جزء من تكوين جملة (۴[) وله ناتج إما نعم أو O 0011011 ( .(True Or False)»‏ 
(۲۳) انتحال او استخدام شخص ما اسم شخص اخر أو اى معلومات تتعلق به لسرقته أوسرقة غيره. ( a‏ 
)۲١(‏ زر تنفيذ مهمة معينة عند النقر عليه( 
)١5(‏ برنامج يستخدم لكتابة كود اہ" ( ا E‏ 


)١15(‏ برنامج يستخدم لفتح ملف صفحة ويب (مكتوب به أوامر [11101) ( ا 
(۱۳( 





(70) زر ارسال البيانات المدخلة( 0 1 E‏ 


(۲۸) الإمتداد الذى يحفظ به ملف 1401( 001 ه22 

(۲۹) خاصية تحديد الصفحة المطلوب الانتقال اليها أو العملية التي ستنفذ عند الضغط على زر]أص o ( Sub‏ 
)١(‏ قيمةالخاصية 19/06 لزراختياربديل واحد من عدة بدائل مثل نتيجة الطالب ( ناجح أو راسب ) ( a‏ 
(١؟)‏ الأمرالمستخدم في تصميم النموذج. ( ل 

(۳۲) أمر إضافة حقل أو زر لنافذة النموذج. ( E‏ 

(۳۳) قيمةالخاصية ممل لصندوق اختياراكثر من بديل مثل اللغة التي يجيدها الطالب( 1 آذ 1 ز[|[1[ |[ [ز[ 1 [ [ 1 1غ 
(4؟) خاصية تحدد نوع الحقل أو الزر المضاف للنموذج. ( a‏ 

a ( قيمةالخاصية همر لحقل كلمة المرور المضاف لنافذة النموذج.‎ )١( 

(5”) زر حذف البيانات المدخلة والعودة للقيم الافتراضية( O I‏ 


السؤال الرابع :- أعد ترتيب الخطوات التالية لكل مطلوب 


)١(‏ إنشاء دالة بإسم 50001 عند استدعائها يظهر صندوق رسالة مكتوب بداخله العبارة"مدرستى جميلة ونظيفة ومتطورة" 


|)  (ذهطدوا‎ |) _)function School( X 
و نظيفة متطو‎ 1 





(_)</script></html> 


(۲) قم بإستدعاء دالة باسم امممعءك (سبق انشائها )عند وقوع حدث النقر على زر أمر عليه النص "عم عاع1اع" مع حفظ 
الملف باسم 350 وفتح الملف فى مستعرض الإنترنت 


)<input type="button" value="click me" onclick="School( ("< ( )<html> 
( نفتح الملف بالنقر المزدوج عليه‎ ) ١ اط />( ) نفتح برنامج له٣ هام۷ ونكتب الكود‎ < 


) ( وھ المكان ت (00+.350) اسم الملف ج :6خ 5306 ود مان۴ نحفظ الملف‎ save 





(۳) قم بإنشاء دالة بإسم 823 عند استدعائها يظهر صندوق رسالة مكتوب به ماتم ادخاله فى حقل نص اسمه 4) 
(الموجود داخل نمودج اسمه (2201ه2 ) 


)٤(‏ صمم صفحة ويب بها نموذج اسمه (20:01 ) يحتوى على زر أمر "آم" وصندوق نص اسمه ( ل ) لإدخال اسمك 
وعند النقر على زر الأمر يتم استدعاء دالة بإسم 0212 


) (> أنامم‎ type="button" value="print" onclick="Data( )"> |) ) html | ( )</html> 








( (<form name="form1"> ( ) <input type="text" name="d"> 


)١:( 


(0) قم بإنشاء دالة باسم 70+21 عند استدعائها يظهر صندوق رسالة مكتوب به ناجح اذا كانت الدرجة المدخلة فى 
صندوق نص اسمه ( ۲ )الموجود بداخل نموذج اسمه ۴٥۲۳2(‏ ) أكبر من أو تساوى ١٠١٠١‏ 


0) )xseript> |) ( If (form2.t.value>150)({ (|  ) function Total() { 
)ل‎ ( <html> |) _) alert("حجli");‎ 





( 
</script>‏ ) ( نفتح برنامج WordPad‏ ) ) }}) ) 
(1) صمم صفحة ويب بها نموذج اسمةه ۴٥۳۳2(‏ ) يحتوى على زر أمر "Sum"‏ وصندوق نص اسمه ( 1 ) لإدخال 


مجموعك وعند النقر على زر الأمر يتم استدعاء دالة بإسم 70121 
</html>‏ ) ( 


( )<input type="text' name='"t'> ( ) </form> 
( ) <html> ( )s<form name="form2'> 


(| )x<input type="button" value="Ssum" onclick="Total( )"> 





(۷) قم بإنشاء دالة باسم "Birth"‏ عند استدعائها يظهر صندوق رسالة به رسالة تحذيرية "غير مسموح بترك حقل السن 
فارغ" فى حالة ترك حقل السن المسماه (8 )الموجود بداخل نموذج اسمه (3ممممع ) فارغ وفى حالة عدم ترك الحقل 
فارغ يتم ارسال محتواه لصفحه ويب اخرى 


(function Birth) (4‏ )) (("غير مسموح بترك حقل السن فارغ ") غ,216( 2 ) 
If (form3.b.value= ="") {‏ ) ) 
}}) ( 


(۸) صمم صفحة ویب بها نموذج اسمه ۴٥۲۳3(‏ ) يحتوى على زر tاہطbں؟‏ مكتوب عليه النص"00ع56" وصندوق نص 
اسمه ( 5) لإدخال السن وعند النقر على زر 50016 يتم استدعاء دالة باسم غ811( تقوم بإختبار محتوى صندوق النص 
فى حالة تركه فارغ تطبع رسالة تحذيرية وفى حالة كتابة السن بداخله يتم ارسال ماتم ادخاله فى صفحة ويب بإسم 
"data.php"‏ ( 


( )</form> |) ) <input type="text' name='S'> ) (WordPad نفتح برنامج‎ 
) ) <html> |) ) <form name="form3" action="data.php"> | ) ) </html> 


( )x<input type="Submit" value="Send" onclick="return Birth( );"> 








(9) قم بإنشاء دالة بإسم "۲ه" عند استدعائها يظهر صندوق رسالة به رسالة تحذيرية "طول كلمة المرور لاتقل عن 
۸ أحرف" فى حالة ادخال كلمة مرور تقل عن ١‏ رموز فى حقل كلمة المرور المسماه ( م )الموجود بداخل نموذج 
اسمه For۳4(‏ ) وفى حالة ادخال كلمة المرور ۸ رموز فأكثر يتم ارسال ماتم ادخاله لصفحة ويب أخرى 


)</seript>s |) )function Word ( ){ (| ) return false; }‏ )0 
(("طول كلمة المرور لاتقل عن ۸ أحرف ") 216,6 _ ( ١)‏ <اصا> ( )| 





) (1[( (| ) If (form4.p.value.length<8) ؟‎ 


0) 


)١+(‏ صمم صفحة ويب بها نموذج اسمه (20604 ) يحتوى على زر tاہطbں؟‏ مكتوب عليه النص"0م56" وصندوق 
نص اسمه ( ۶ ) لإدخال كلمة المرور وعند النقر على زر ٤اس‏ طاں؟S‏ يتم استدعاء دالة باسم Word‏ 


(| )</form>) ()<input type="Submit" value="Send" onclick="return Word( );"> 


( ) <html> |) )<input type="password" name='S'> ( ) </html> 





( )<form name="form4'> 


)١١(‏ قم بإنشاء دالة باسم "۵" عند استدعائها يظهر صندوق رسالة به رسالة تحذيرية "الكلمتين غير متطابقتين" 
فى حالة ادخال كلمة مرور فى حقل كلمة المرور المسماه ( 1م ) مختلفة عنها فى حقل آخرمسماه ( 2م ) الموجودين 
بداخل نموذج اسمك (4مممع ) وفى حالة تطابق الكلمتين يتم ارسال ماتم ادخاله لصفحه ويب أاخرى 


0) )</script> |) )Jfunction Word ) أ(‎ (| ) <script> 
(| ) If (form4.p1.value!= = form4.p2.value) { 





:("الكلمتين غير متطابقتين ") _ 216/4 ( ) ١((‏ ) 


)١7(‏ قم بإنشاء دالة بإسم "53123" عند استدعائها يظهر صندوق رسالة به رسالة تحذيرية "أدخل قيمة عددية" فى 
حالة ادخال حروف فى حقل المرتب المسماه (5) بداخل نموذج اسمه (4مرءرمط | وفى حالة ادخال قيمة عددية يتم 
ارسال ماتم ادخاله لصفحة ويب أخرى 


1) )</html> |) )}} (| ) function Salary () 


) ) { If (isNaN(form4.S.value)) 
_( ( <seript> |) Jreturn falsejز‎ |) ( {alert _ (" ;("أدخل قيمة عددية‎ 





0) 


السؤال الأول . 


قم بإنشاء دالة باسم 51001 عند استدعائها يظهر صندوق رسالة مكتوب بداخله العبارة"مدرستى جميلة ونظيفة ومتطورة" 


الإجابة 


نفتح برنامج ۷٥۲۵۴٩۵‏ ونکتب الكود التالى <html>‏ 
<script>‏ 


function School( ) {‏ 
( :(" مدرستى جميلة ونظيفة ومتطورة") ءاج 
</script> </html>‏ 





السؤال الثانى 
قم بإستدعاء دالة بإسم 5001 (سبق انشائها )عند وقوع حدث النقر على زر أمر عليه النص "عم عاءعزاع" مع حفظ 
الملف باسم 350 وفتح الملف فى مستعرض الإنترنت 


الإجابة 


١-نفتح‏ برنامج ٥۲۵۴3٩۵‏ ونكتب الكود 
التالى "¬ټtype="butt0 <html> <input‏ 
و value="click me'" onclick="School|(‏ 


</html> 
؟ - لحفظ الملف يتم‎ 
File لكيس‎ save, سب المكان چ (م350.6+0) اسم النلف ج‎ Save 


*- لفتح الملف نقوم بالنقر المزدوج عليه 





السوال الثالت 
قم بإنشاء دالة باسم 0343 عند استدعائها يظهر صندوق رسالة مكتوب به ماتم ادخاله فى حقل نص اسمه ( ل ) الموجود 
داخل نموذج اسمه ۴٥۲۳٣1(‏ ) 


الإاجابة 


<html> ونکتب الكود التالى‎ ۷٥۲۵۴۵٩۵ نفتح برنامج‎ 
<script> 
function Data( ) 


ا 


alert (form1.d.value); } 
</script> </html> 





(۱۷( 


السؤال الرا 


صمم صفحة ويب بها نموذج اسمه (20101 ) يحتوى على زر أمر "۲م" وصندوق نص اسمه ( ل ) لإدخال اسمك 
وعند النقر على زر الأمر يشم استدعاء دالة باسم Data‏ 


الإجابة 


نفتح برنامج لج ٥4اه‏ ونكتب الكود التالى <html>‏ 
<form name="form 1">‏ 


<input type="text' name='"d'"> 


<input type="button" value="print" onclick="Data( )"> 





السؤال الخامس 
قم بإنشاء دالة باسم 70421 عند استدعائها يظهر صندوق رسالة مكتوب به ناجح اذا كانت الدرجة المدخلة فى صندوق نص 
اسمه ( ۲ )الموجود بداخل نموذج اسمه (802,مع ) أكبر من أو تساوى ١٠٠١‏ 


الإجابة 


<html> ونكتب الكود التالى‎ ۷٥۲۵۴۵۵ نفتح برنامج‎ 
<script> 
function Total() { 
If (form2.t.value>150) { 
alert) "جgجاlن");‎ 
}} 
</script> </html> 





السوال الساد 


صمم صفحة ويب بها نموذج اسمه (20/02 ) يحتوى على زر أمر "51/0" وصندوق نص اسمه ( 7 ) لإدخال مجموعك 
وعند النقر على زر الأمر يتم استدعاء دالة بإسم 70121 


الاجابة 


نفتح برنامج 000220/الا ونكتب الكود 
التالى <html>‏ 
<form name="form2'>‏ 


<input type="text" name="t'> 


<input type="button" value="Sum" onclick="Total( )"> 
</form> </html> 





)۱۸( 


السؤال السا 


قم بإنشاء دالة باسم "Birth"‏ عند استدعائها يظهر صندوق رسالة به رسالة تحذيرية "غير مسموح بترك حقل السن 
فارغ" فى حالة ترك حقل السن المسماه (8 )الموجود بداخل نموذج اسمه (3ممرمع ) فارغ وفى حالة عدم ترك الحقل 
فارغ يتم ارسال محتواه لصفحة ويب أخرى 


الإجابة 


iS ونكتب الكود التالى‎ ۷٥۲۵۴۵۵ نفتح برنامج‎ 
<script> 
function Birth( ){ 


If (form3.b.value= ="") { 
;("غير مسموح بترك حقل السن فارغ ") ءاج‎ 
return false; } ١ 
</script> </html> 





السوال الثامن 

صمم صفحة ویب بها نموذج اسمه ۴٥۲۳3(‏ ) يحتوى على زر ٤أص‌طں؟‏ مكتوب عليه النص"0)مع56" وصندوق نص اسمه 
( 5 ) لإدخال السن وعند النقر على زر 507016 يتم استدعاء دالة بإسم غ81( تقوم بإختبار محتوى صندوق النص فى 
حالة تركه فارغ تطبع رسالة تحذيرية وفى حالة كتابة السن بداخله يتم ارسال ماتم ادخاله فى صفحة ويب بإسم 


"data.php"‏ ( الإاجابة 


نفتح برنامج ٥۲۵۴۵٩4‏ ونکتب الكود 
التالى <html>‏ 
<form name-="form3'"ction="data.php'">‏ 
<input type="text" name="S'>‏ 


<input type="Submit" value="Send" onclick="return Birth( );" > 
</form> </html> 





السؤال التاسع 

قم بإنشاء دالة بإسم "۵ عند استدعائها يظهر صندوق رسالة به رسالة تحذيرية "طول كلمة المرور لاتقل عن ۸ 
أحرف" فى حالة ادخال كلمة مرور تقل عن ۸ رموز فى حقل كلمة المرور المسماه ( م )الموجود بداخل نموذج اسمه 
(Form4)‏ وفى حالة ادخال كلمة المرور ۸ رموز فأكثر يتم ارسال ماتم ادخاله لصفحة ويب أخرى 


الاجابة 


<html> ونكتب الكود التالى‎ ۷٥۲۵۴۵۵ نفتح برنامج‎ 
<script> 
function Word ( ){ 

If (form4.p.value.length<8) { 


;("طول كلمة المرور لاتقل عن ۸ أحرف ") 
alert‏ 
return false; /‏ 
</script> </html>‏ ( 





)١5( 


السؤال العاشر 


صمم صفحة ويب بها نموذج اسمه (۳4 ۴٥۲‏ ) يحتوى على زر غ1طن؟ مكتوب عليه النص"0مع56" وصندوق نص اسمه 
(5) لإدخال كلمة المرور وعند النقر على زر اأص طاںك يتم استدعاء دالة باسم كما 


الإجابة 


نفتح برنامج ٥۲۵۴3٩4‏ ونكتب الكود 
التالى <html>‏ 


<form name="form4> 
<input type="password" name="S'> 


<input type="Submit" value="Send" onclick="return Word( (:"< 
</form> </html> 





السؤال الحادى عشرمر 
قم بإنشاء دالة باسم "Nord"‏ عند استدعائها يظهر صندوق رسالة به رسالة تحذيرية "الكلمتين غير متطابقتين" فى 
حالة ادخال كلمة مرور فى حقل كلمة المرور المسماه ( 1م ) مختلفة عنها فى حقل آخرمسماه ( 2م ) الموجودين بداخل 


نموذج اسمه (4ممرمع ) وفى حالة تطابق الكلمتين يتم ارسال ماتم ادخاله لصفحة ويب أخرى 
الإاجابة 


<html> ونكتب الكود التالى‎ ۷٥۲۵۴۵٩۵ نفتح برنامج‎ 
<script> 
function Word () { 
If (form4.p1.value!= = form4.p2.value) { 
;("الكلمتين غير متطابقتين ") ءاج‎ 
return false; / 
</script> </html> 





السوال الثانى عشر 
قم بإنشاء دالة بإسم "137ج5" عند استدعائها يظهر صندوق رسالة به رسالة تحذيرية "أدخل قيمة عددية" فى حالة 


ادخال حروف فى حقل المرتب المسماه (5) بداخل نموذج اسمه (4ممرمع ) وفى حالة ادخال قيمة عددية يتم ارسال 
ماتم ادخاله لصفحة ويب أخرى 


الاجابة 


نفتح برنامج ۷٥۲۵۴۵۵‏ ونكتب الكود التالى <html>‏ 
<script>‏ 

function Salary ( ) 

1 If (isNaN(form4.S.value)) 


) alerا‎ )" (("أدخل قيمة عددية‎ 
return false; / / 
</script></html> 





